<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // class类 是构造函数的语法糖

        // 构造函数
       /*  function Person(name,age){
            this.name = name;
            this.age = age;
        }

        Person.prototype.song = function(){
            console.log('弹吉他！！');
        }

        let xiaowangzi = new Person('xiaowangzi',18);
        console.log(xiaowangzi); */

        // class类的写法  
        class Person{
            constructor(name,age){
                this.name =name;
                this.age =age;
            }
            // 向原型对象上添加属性
            jump(){
                console.log('一分钟抽8根')
            }
            // 在所有实例对象上添加属性
            sex='男'
            // Person的静态属性和方法 指的是Person对象自身上的属性和方法
            static hobby="撩妹儿";
            static fangfa(){
                console.log('男神')
            }
        }
        let hanweichen = new Person('hanweichen',18);
        console.log(hanweichen);
        
        let jinshan = new Person('jinshan',18);
        console.log(jinshan);

        console.dir(Person);

        // es5 function Person(){}   es6  class类  主要为react服务   
    </script>
</body>
</html>